// 设置常见的屏幕尺寸大小对应的html中的font-size

// 本次项目中我们默认每个屏幕分成15份作为标准
@part:15;

// 如果用户直接是在pc端浏览器打开的，那么宽度会很大，这个时候就没必要直接用宽度除以15了，太大了
html{
    font-size: 50px;
}

// 320px下
@media screen and (min-width: 320px){
    html{
        font-size: (320px / @part);//注意@part是没有单位的, 所以别忘了给320加单位
    }
}

// 360px下
@media screen and (min-width: 360px){
    html{
        font-size: (360px / @part);
    }
}

// 375px下  iphone 6/7/8
@media screen and (min-width: 375px){
    html{
        font-size: (375px / @part);
    }
}

// 384px下
@media screen and (min-width: 384px){
    html{
        font-size: (384px / @part);
    }
}

// 400px下
@media screen and (min-width: 400px){
    html{
        font-size: (400px / @part);
    }
}

// 414px下
@media screen and (min-width: 414px){
    html{
        font-size: (414px / @part);
    }
}

// 424px下
@media screen and (min-width: 424px){
    html{
        font-size: (424px / @part);
    }
}

// 480px下
@media screen and (min-width: 480px){
    html{
        font-size: (480px / @part);
    }
}

// 540px下
@media screen and (min-width: 540px){
    html{
        font-size: (540px / @part);
    }
}

// 720px下
@media screen and (min-width: 720px){
    html{
        font-size: (720px / @part);
    }
}

// 750px下
@media screen and (min-width: 750px){
    html{
        font-size: (750px / @part);
    }
}